<template>
	<div class="common-layout">
    <el-container>
      <el-header>
        <officeHeader>

        </officeHeader>
      </el-header>
      <el-main>
        <div class="main">
          <p class="case_info">
           《{{name}}》详细解决方案，请联系网站管理员
           </p>
       </div>   
      </el-main>
      <el-footer>
            <officeFooter>

            </officeFooter>
      </el-footer>
    </el-container>
  </div>
</template>

<script>
import officeHeader from '../components/officeHeader.vue';
import officeFooter from '../components/officeFooter.vue';

export default{
    components: {
    officeHeader,
    officeFooter
},
mounted() {
      this.caseInfo();
    },
  data(){
    return{
      name:"",
    }
  },
methods: {
    caseInfo(){
      this.name= this.$route.query.name;
    },
},
}
</script>

<style scoped>
.el-header{
  width: 100%;
  height: 100px;
  position: relative;
  }
.el-main{
}
.el-footer{
    height: 160px;
}

.main{
    /* margin-top: 87px; */
    /* height: 1000px; */
}


.case_info{
  margin-top: 100px;
  font-size: 60px;
}
/* 卡片 */
</style>